ul,p{
    margin: 0;
    padding: 0;
}
li{
    list-style-type: none;
}
a{
    text-decoration: none;
}
/*图片，可以考虑在不同媒体的分辨率  三种大小16/10,*/
.news_photo{
    /*相对位置*/
    position: relative;
    width: 500px;
    height: 312px;
    /*居中*/
    margin: 0 auto;
    text-align: center;
    /*把溢出的隐藏掉*/
    overflow: hidden;
}
/*ul要定位，四种*/
.news_photo ul{
    width: 84px;
    height: 24px;
    /*绝对定位*/
    position: absolute;
    right: 0;
    bottom:0;
}
/*li指列表符号，使水平，用左浮动*/
.news_photo li{
    float: left;
    width: 20px;
    height: 24px;
    /*一行的情况下可表示垂直居中*/
    line-height: 24px;
    text-align: center;
    background-color: #5a5a5a;
    border-left: #222222 1px solid;
}
.news_photo li:hover{
    background-color: #c7d4d6;
}
.news_photo img{
    width: 500px;
    height: 315px;
    /*图像边框为0*/
    border-image: 0;
}
.news_photo p{
    width: 500px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}
.news_photo ul a{
    color: white;
}
